<template>
	<view class="center">
		<u-navbar title="用户设置"></u-navbar>
		<view class="content">
			
			<view class="user-item">
				<view class="user-title">个人头像</view>
				<view class="user-right">
					<image :src="imgBaseUrl + '/ache/images/user.png'" class="img"></image>
					<view class="user"></view>
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">昵称</view>
				<view class="user-right">
					<view class="user">疼痛管理菏泽店</view>
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">性别</view>
				<view class="user-right">
					<view class="user">男</view>
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item" @click="oninvitepeople">
				<view class="user-title">我的邀请人</view>
				<view class="user-right">
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item" @click="onsecure">
				<view class="user-title">账号与安全</view>
				<view class="user-right">
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">客服电话</view>
				<view class="user-right">
					<view class="user">400-5648888</view>
					<view class="edit"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">隐私协议</view>
				<view class="user-right">
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">用户协议</view>
				<view class="user-right">
					<view class="edit"><u-icon name="arrow-right" color="#888888"></u-icon></view>
				</view>
			</view>
			
			<view class="user-item">
				<view class="user-title">版本号</view>
				<view class="user-right">
					<view class="user">V1.1.2</view>
					<view class="edit"></u-icon></view>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	data() {
		return {};
	},

	computed: {
		...mapGetters(['imgBaseUrl'])
	},
	methods: {
		//跳转账户安全
		onsecure(){
			uni.navigateTo({
				url:'/pages/secure/index'
			})
			console.log('跳转账户安全')
		},
		//跳转我的邀请人
		oninvitepeople(){
			uni.navigateTo({
				url:'/pages/user-invitepeople/index'
			})
			console.log('跳转我的邀请人')
		}
	}
};
</script>
<style lang="scss">
@import '@/styles/mixin.scss';
.center {
	min-height: 100%;
	background-color: #f5f5f5;
	.content {
		margin-top: 40rpx;
		border-radius: 20rpx;
		background: #ffffff;
		padding: 20rpx;
		.user-item {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: baseline;
			padding: 30rpx;
			border-bottom: 1rpx solid #eeeeee;
			.user-title {
				font-size: 26rpx;
				font-weight: 400;
				color: #222222;
			}
			.user-right {
				display: flex;
				.img {
					width: 48rpx;
					height: 48rpx;
				}
				.user{
					font-size: 24rpx;
					font-weight: 400;
					color: #888888;
				}
				.edit {
					padding-left: 20rpx;
				}
			}
		}
	}
}
</style>
